<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>{% block title %}玉器官网{% endblock %}</title>
    <link rel="icon" href="/static/favicon.ico" />
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="min-h-screen flex flex-col bg-white text-gray-800">
    {% include 'partials/navbar.html' %}
    <main class="flex-1">{% block content %}{% endblock %}</main>
    {% include 'partials/footer.html' %}
</body>
</html>

<style>
  /* 更沉稳的字体与字重节奏 */
  html { scroll-behavior: smooth; }
  .brand-gradient {
    background: linear-gradient(120deg, #0ea5e9 0%, #10b981 50%, #6366f1 100%);
  }
  .glass {
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(10px);
  }
  .card {
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
  }
  /* 细节：按钮/链接的更柔和焦点态 */
  .focus-soft:focus {
    outline: 2px solid rgba(16,185,129,.4);
    outline-offset: 2px;
  }
</style>